iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 22
0

UI Stepper是一個讓使用者方便更改數值的一個元件。這個元件上有+/—的符號分別代表增加/減少。這篇文章會介紹用stepper控制label裡的數值。

添加label和stepper

把label和stepper添加到storyboard裡
https://ithelp.ithome.com.tw/upload/images/20201005/20129678zOg6KRlWXr.png

再把label的字體放大和設成“0”
https://ithelp.ithome.com.tw/upload/images/20201005/20129678gZQt6SIEby.png

添加outlet到view controller

右鍵元件拖到view controller裡
https://ithelp.ithome.com.tw/upload/images/20201005/20129678yvqcnAOdVZ.png
再拉多一個stepper的動作
https://ithelp.ithome.com.tw/upload/images/20201005/20129678dRb0byjQqd.png

程式碼

override func viewDidLoad() {
        super.viewDidLoad()

        stepper.wraps = true
        stepper.autorepeat = true
        stepper.maximumValue = 10
    }

wraps - 當steppe到達最大值時會回到最小值
autorepeat - 當按著按鈕時會重複動作直到放開按鈕
maximun value - stepper的最大值

 @IBAction func valueChange(_ sender: UIStepper) {
        label.text = "\(sender.value)"
    }

試試看build起來測試
https://ithelp.ithome.com.tw/upload/images/20201005/20129678UXtsQG75Rb.png


上一篇
(Day21)Slider元件
下一篇
(Day23)Xcode 11 UI Switch
系列文
IOS 基本元件運用和套件運用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言